<!-- Student_FreeCourseTab.html -->
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
		<meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
		<title>自由课程</title>
		<link rel="stylesheet" type="text/css" href="../../css/mui.min.css">
		<link rel="stylesheet" type="text/css" href="../../css/base.css"/>
		<link rel="stylesheet" href="../../css/CFNetPP_Base.css">
	</head>
	<body>
		<div class="base_navigation_bar base_style_color">
			<a class="base_left_item" href="#" onclick="backClick()"> <img class="base_back_icon" src="../../image/icon_jiantou.png" alt=""> </a>
			<span id="title_id">课程章节</span>
		</div>
		<div class="base_content_div ">
			<div class="bgwhite" style="padding: 10px 10px;">
				<div id="segmentedControl" class="mui-segmented-control">
					<a id="item0" class="segment_item mui-control-item mui-active" href="#" onclick="itemClick(0)"> 章节 </a>
					<a id="item1" class="segment_item mui-control-item" href="#"  onclick="itemClick(1)"> 介绍 </a>
					<a id="item2" class="segment_item mui-control-item" href="#"  onclick="itemClick(2)"> 评论 </a>
				</div>
			</div>
		</div>
	</body>
	<script src="../../script/jquery.min.js" type="text/javascript"></script>
	<script src="../../script/common.js"></script>
	<script type="text/javascript">
		apiready = function(){
	     
		  $('#title_id').html(api.pageParam.title);
			setupFreeCourseFrameGroup();
		}
		function setupFreeCourseFrameGroup() {
			var y = $('.base_navigation_bar').height() + $('.base_content_div').height();
			var h = api.winHeight - y;
			var rect = {
				x : 0,
				y : y,
				w : 'auto',
				h : h
			}
			api.openFrameGroup({
				name : 'freeCourseGroup',
				rect : rect,
				scrollEnabled : false,
				frames : [{
					name : 'Teach_Free_Chapter',
					url : 'Teach_Free_Chapter.html',
					pageParam : api.pageParam
				}, {
					name : 'Student_FreeCourseInfoNew',
					url : '../Study/Student_FreeCourseInfoNew.html',
					pageParam : api.pageParam
				}, {
					name : 'New_Student_Study_CourseCommentList',
					url : '../Study/New_Student_Study_CourseCommentList.html',
					pageParam : {
						cid : api.pageParam.courseid,
						pid : api.pageParam.planid,
						title : api.pageParam.title
					}
				}]
			}, function(ret, err) {
			});
		}

		function itemClick(itemIndex) {
			if (!$('#item' + itemIndex).hasClass('mui-active')) {
				$('.segment_item').removeClass('mui-active');
				$('#item' + itemIndex).addClass('mui-active');
				setupGroupIndex(itemIndex);
			}
		}

		function setupGroupIndex(index) {

			api.setFrameGroupIndex({
				name : 'freeCourseGroup',
				index : index,
				scroll : false
			});
		}


	</script>
</html>